<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>

    <link rel="shortcut icon" type="image/x-icon" href="png/favicon.ico" />
    <link rel="bookmark" type="image/x-icon" href="png/favicon.ico" />
    <title>四川大学飞扬研发部2016年招新</title>
	<meta name="keywords" content="川大,飞扬,研发,2016,招新" />
    <meta name="description" content="这里有一封寄给您的邀请函，点击查收" />

    <link rel="stylesheet" href="http://cdn.bootcss.com/fullPage.js/2.7.8/jquery.fullPage.min.css" />
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/code.css">
    <link rel="stylesheet" href="css/toast.css">
    <link rel="stylesheet" href="css/main_media_query.css">

    <script src="js/EasyImport.js"></script>
    <script>
        var JS_Root = $.filePath() + '/js/';

        ImportJS('http://cdn.bootcss.com/', [
            {
                'jquery/2.2.1/jquery.min.js':     $.browser.modern,
                'jquery/1.12.1/jquery.min.js':    (! $.browser.modern)
            },
            [
                'fullPage.js/2.7.8/jquery.fullPage.min.js',
                JS_Root + 'animation.js'
            ],
            JS_Root + 'main.js'
        ]);
    </script>
</head>
<body style="overflow: hidden">
<!-- loading box start -->
<div class='fakeloader'>
	<div class="fl spinner1">
		<div class="double-bounce1"></div>
		<div class="double-bounce2"></div>
	</div>
</div>
<!-- loading box end -->

    <p style="display: none">这里有一封寄给您的邀请函，点击查收</p>

<div id="wrapper">
	<div class="section section1">
		<div class="bg_code">
            <div class="highlight highlight-source-js"></div>
		</div>
		<div class="title Row CenterX">
			<img src="png/page_intro/png_title.png" />
		</div>
		<footer class="Row CenterX">
			<img src="png/page_intro/logo.png" width="30" />
		</footer>
	</div>
  
	<div class="section section2">
     <div class="adaptWrapper Row">
      <div class="Grid-Row circle"> <!-- circle for mobile screen -->
        <div class="Grid-Column Column_1-1">
          <div></div>
        </div>
      </div>
      <div class="Row circle_wider">
        <div class="outer"></div>
        <div class="inner"></div>
      </div>
      <div>
        <header class="Grid-Row CenterX">
			<h4 class="Column_1-1">我们认为代码同样要有一种<div>设计之美</div></h4>
        </header>
        <div class="Row title">
          <div class="Column_1-1"><img src="png/page1/font_1.png"/></div>
          <div class="Column_1-1"><img src="png/page1/font_2.png"/></div>
          <div class="Column_1-1"><img src="png/page1/font_3.png"/></div>
        </div>
      </div>
    </div>
    <footer>
      <div class="Grid-Column Column_3-10">
        <div>DESIGN</div>
        <div>MADE</div>
        <div>CHANGE</div>
        <div>...</div>
      </div>
    </footer>
  </div>

  <div class="section section3">
    <header class="Grid-Row">
      <div class="Grid-Column Column_1-1 CenterX">
		  <h4>我们认为踏实、努力、爱好<div>才能成就代码人个人能力</div></h4>
      </div>
    </header>
    <div class="Grid-Row title">
      <div class="Grid-Column Column_1-1 CenterX">
        <img src="png/page2/font_1.png"/>
        <img src="png/page2/font_2.png"/><br>
        <img src="png/page2/font_3.png"/>
        <img src="png/page2/font_4.png"/>
      </div>
    </div>
    <div class="Row lang_wrapper">
      <div class="lang">
        <div>
          <div>C/C++</div>
          <div>10%</div>
        </div>
        <div>
          <div>Nodejs</div>
          <div>20%</div>
        </div>
        <div>
          <div>PHP</div>
          <div>25%</div>
        </div>
        <div>
          <div>JAVA</div>
          <div>15%</div>
        </div>
        <div>
          <div>Others</div>
          <div>10%</div>
        </div>
      </div>
    </div>
  </div>

  <div class="section section4">
    <header class="Grid-Row CenterY CenterX">
      <div class="Grid-Column Column_1-1">
		  <h4>我们相信强大的个人能力和优秀的团队<div>能做出非凡的作品</div></h4>
      </div>
    </header>
    <div class="Row">
      <div class="Grid-Row content">
        <div class="Grid-Column ballon Column_2-3">
          <div id="canvas-wrapper">
			  <canvas id="canvas"></canvas>
				<div class="subject">
					<div>
					  <a>川大绩点计算器</a>
					</div>
					<div>
					  <a>飞扬主页</a>
					</div>
					<div>
					  <a>研发实验室</a>
					</div>
					<div>
					  <a>飞扬开放平台</a>
					</div>
					<div>
					  <a>飞扬报修系统</a>
					</div>
					<div>
					  <a>术业有专攻</a>
					</div>
			  </div>
			</div>
        </div>
      </div>
      <div class="Grid-Row title">
        <div class="Grid-Column Column_1-1 CenterX">
          <img src="png/page3/font_1.png"/>
          <img src="png/page3/font_2.png"/>
          <img src="png/page3/font_3.png"/>
        </div>
      </div>
		<footer><img src="png/page4/font_2.png"></footer>
    </div>
  </div>

  <div class="section section5">
    <header class="Grid-Row CenterX CenterY">
      <h4 class="Grid-Column Column_1-1">所谓阴阳也不一定都是玄学</h4>
    </header>
    <div class="Row">
      <div class="content">
        <div class="chess">
          <table cellpadding="0" cellspacing="4"></table>
        </div>
        <span class="boy">程序猿</span>
		<span class="girl">程序媛</span>
      </div>
      <div class="Grid-Row title">
        <div class="Grid-Column Column_1-1 CenterX">
          <img src="png/page4/font_1.png"/>
        </div>
      </div>
    </div>
  </div>

  <div class="section section6">
    <header class="Grid-Row CenterX CenterY">
      <h4 class="Grid-Column Column_1-1">我们认为我们做得还不错</h4>
    </header>
    <div class="Row CenterX title">
      <img src="png/page5/font_1.png"/>
      <img src="png/page5/font_2.png"/>
    </div>
    <div class="Row content">
		<div>大学不止眼前的学分</div>
		<div>还有梦和指尖的代码</div>
		<div>你赤手空拳来到了川大</div>
		<div>为改变这世界不顾一切</div>
    </div>
  </div>

  <div class="section section7">
    <header class="Row CenterX">
      <h4>加入我们</h4>
    </header>
    <div class="Row content">
      <form id="join-form" action="http://check.fyscu.com/new">
        <div>
            <input type="text" name="name" required pattern="\s?\S+\s?"
                   placeholder="如何称呼">
        </div>
		<div class="select_box gender">
            <input type="text" name="gender" required pattern="^\d+$"
                   title="您的性别" />
            <ul title="冒问男女">
                <li value="-1">冒问男女</li>
                <li value="1">程序猿</li>
                <li value="0">程序媛</li>
            </ul>
        </div>
		<div class="select_box">
            <input type="text" name="year" required pattern="^\d+$"
                   title="您的年级" />
			<ul title="您的年级">
				<li value="-1">您的年级</li>
				<li value="1">2011</li>
				<li value="2">2012</li>
				<li value="3">2013</li>
				<li value="4">2014</li>
				<li value="5">2015</li>
			</ul>
        </div>
        <div class="select_box from">
            <input type="text" name="from" required pattern="^\d+$"
                   title="您的学院"/>
            <ul title="来自何方">
                <li value="-1">来自何方</li>
                <li value="1">软件学院</li>
                <li value="2">计算机学院</li>
                <li value="3">电子信息学院</li>
                <li value="4">电气信息学院</li>
                <li value="5">数学学院与经济学院</li>
                <li value="6">空天科学与工程学院</li>
                <li value="7">高分子科学与工程学院</li>
                <li value="8">材料科学与工程学院</li>
                <li value="9">制造科学与工程学院</li>
                <li value="10">建筑与环境学院</li>
                <li value="11">水利水电学院</li>
                <li value="12">化学工程学院</li>
                <li value="13">轻纺与食品学院</li>
                <li value="14">法学院</li>
                <li value="15">艺术学院</li>
                <li value="16">经济学院</li>
                <li value="17">文学与新闻学院</li>
                <li value="18">外国语学院</li>
                <li value="19">历史文化学院（旅游学院）</li>
                <li value="20">马克思主义学院（政治学院）</li>
                <li value="21">数学学院</li>
                <li value="22">物理科学与技术学院（核科学与工程技术学院）</li>
                <li value="23">化学学院</li>
                <li value="24">生命科学学院</li>
                <li value="25">灾后重建与管理学院</li>
                <li value="26">公共管理学院</li>
                <li value="27">商学院</li>
                <li value="28">华西基础医学与法医学院</li>
                <li value="29">华西临床医学院</li>
                <li value="30">华西口腔医学院</li>
                <li value="31">华西公共卫生学院</li>
                <li value="32">华西药学院</li>
                <li value="33">华西动物中心</li>
                <li value="34">联合班</li>
                <li value="35">联合吴玉章学院班</li>
                <li value="36">研究生院</li>
                <li value="37">体育学院</li>
                <li value="38">其它</li>
            </ul>
        </div>
        <div>
          <input type="tel" name="phone" required
                 pattern="^(\+86)?(1[358]\d|17[678]|14[57])\d{8}$"
                 placeholder="敢问联系" title="您的手机号"/>
        </div>
        <div>
            <textarea name="other" rows="5" placeholder="如果你有在博客/Github/知乎/微博或其他社区活跃，请在这里附上你的ID，以及你擅长的编程语言（如果有）和其他想说的话。最多255字。"></textarea>
        </div>
        <div>
          <input type="submit" value="请多指教"/>
        </div>
      </form>
    </div>
    <footer class="Row CenterX">
      <h5>Designed By@飞扬研发实验室</h5>
    </footer>
  </div>
</div>
<div class="toast-container"></div>
</body>
</html>